/*普通提示工具条*/
import { Overlay } from "ol";
import  "./ToolTip.css";

class ToolTip{
  constructor(option) {
    /**
     * option:{
     *   map: map,
     *   content: '内容'
     *   postion: [经度，纬度]
     * }
     */
    this.map=null;
    this.element=null;
    this.tooltip=null;
    if (option){
      this.setMap(option.map);
      if (!option.content)
        this.setContent(option.content);
      if (!option.position)
        this.setPosition(option.position);
    }
  }

  /**
   * 创建提示工具
   */
  create = function() {
    if (this.element) {
      this.element.parentNode.removeChild(this.element);
    }
    this.element = document.createElement('div');
    this.element.className = 'tooltip hidden remove_div';

    this.tooltip = new Overlay({
      id: 'tooltip',
      element: this.element,
      offset: [15, 0],
      positioning: 'center-left'
    });
    this.map.addOverlay(this.tooltip);
  };

  /** 内容 */
  setContent=function(content){
    this.element.innerHTML = content;
  }

  /** 位置 */
  setPosition=function(postion){
    this.tooltip.setPosition(postion);
  }

  /** 设置map */
  setMap(map){
    this.map=map;
    this.create();
  }

}
export default ToolTip;
